<script lang="ts" setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting, PieChart, TrendCharts,
} from '@element-plus/icons-vue'

// const isCollapse = ref(true)
function handleOpen(key: string, keyPath: string[]) {
  // eslint-disable-next-line no-console
  console.log(key, keyPath)
}
function handleClose(key: string, keyPath: string[]) {
  // eslint-disable-next-line no-console
  console.log(key, keyPath)
}
</script>

<template>
  <el-menu
    router
    default-active="1"
    class="el-menu-vertical-demo"
    @open="handleOpen"
    @close="handleClose"
  >
<!--    多级菜单的-->
<!--    <el-sub-menu index="1">
      <template #title>
        <el-icon><PieChart /></el-icon>
        <span>饼图</span>
      </template>
      <el-menu-item-group>
        <template #title>
          <span>Group One</span>
        </template>
        <el-menu-item index="/nav/1/item-1">
          item one
        </el-menu-item>
        <el-menu-item index="1-2">
          item two
        </el-menu-item>
      </el-menu-item-group>
      <el-menu-item-group title="Group Two">
        <el-menu-item index="1-3">
          item three
        </el-menu-item>
      </el-menu-item-group>
      <el-sub-menu index="1-4">
        <template #title>
          <span>item four</span>
        </template>
        <el-menu-item index="1-4-1">
          item one
        </el-menu-item>
      </el-sub-menu>
    </el-sub-menu>-->
    <el-menu-item index="/nav/2">
      <el-icon>
        <svg t="1735183216809" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7820" width="200" height="200"><path d="M195.047619 207.189333v621.738667h85.406476l585.069715-0.024381v73.142857h-633.904762a109.714286 109.714286 0 0 1-109.714286-109.714286v-585.142857h73.142857zM871.399619 158.47619V414.47619h-73.142857v-126.951619l-222.500572 228.230096-70.460952-72.996572-162.035809 167.789715-52.614096-50.809905 214.625524-222.305524 70.753524 73.289143 174.567619-179.102476h-117.101714v-73.142858h237.909333z" p-id="7821"></path></svg>
      </el-icon>
      <template #title>
        折线图
      </template>
    </el-menu-item>
<!--    <el-menu-item index="3" disabled>
      <el-icon>
        <Document />
      </el-icon>
      <template #title>
        Navigator Three
      </template>
    </el-menu-item>-->
    <el-menu-item index="/nav/4">
      <el-icon>
        <svg t="1735194367946" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="54154" width="200" height="200"><path d="M1014.821926 21.674667c-5.688889-3.451259-12.781037-3.602963-18.640593-0.512L682.666667 187.145481 369.170963 21.162667c-0.246519-0.132741-0.530963-0.170667-0.777481-0.284444-0.910222-0.436148-1.839407-0.758519-2.787556-1.042963-0.530963-0.151704-1.042963-0.32237-1.573926-0.436148-1.042963-0.208593-2.104889-0.284444-3.185778-0.32237-0.474074-0.018963-0.948148-0.075852-1.441185-0.056889-1.024 0.056889-2.029037 0.246519-3.034074 0.474074-0.568889 0.113778-1.137778 0.18963-1.687704 0.360296-0.132741 0.037926-0.265481 0.037926-0.379259 0.075852l-341.333333 113.777778C5.214815 136.286815 0 143.530667 0 151.703704l0 815.407407c0 6.087111 2.920296 11.813926 7.888593 15.397926C11.150222 984.841481 15.03763 986.074074 18.962963 986.074074c2.010074 0 4.039111-0.32237 5.992296-0.986074l334.620444-111.540148 315.866074 130.066963c0.265481 0.113778 0.568889 0.075852 0.83437 0.170667C678.362074 1004.525037 680.485926 1005.037037 682.666667 1005.037037c1.706667 0 3.39437-0.284444 5.044148-0.739556 0.530963-0.151704 1.024-0.398222 1.554963-0.587852 0.758519-0.284444 1.554963-0.493037 2.275556-0.872296l322.37037-170.666667C1020.112593 828.890074 1024 822.423704 1024 815.407407L1024 37.925926C1024 31.269926 1020.510815 25.106963 1014.821926 21.674667zM37.925926 165.376l303.407407-101.129481 0 511.848296c-8.154074 1.479111-16.19437 3.147852-23.969185 5.195852-10.126222 2.692741-16.156444 13.065481-13.463704 23.191704 2.256593 8.495407 9.91763 14.108444 18.318222 14.108444 1.592889 0 3.242667-0.208593 4.873481-0.625778 4.551111-1.21363 9.519407-1.820444 14.241185-2.806519l0 224.521481L37.925926 940.790519 37.925926 165.376zM379.259259 609.848889c6.087111-0.474074 11.984593-1.251556 18.223407-1.384296 10.467556-0.227556 18.773333-8.89363 18.564741-19.361185-0.227556-10.334815-8.666074-18.564741-18.962963-18.564741-0.132741 0-0.284444 0-0.417185 0-5.878519 0.132741-11.662222 0.455111-17.408 0.853333L379.259259 69.423407l284.444444 150.584889 0 401.901037c-13.539556-0.587852-27.306667-2.180741-41.737481-4.968296-10.315852-2.029037-20.233481 4.721778-22.224593 14.999704s4.740741 20.233481 15.018667 22.224593c16.801185 3.26163 33.109333 4.854519 48.96237 5.480296l0 298.116741L379.259259 840.628148 379.259259 609.848889zM986.074074 803.972741l-284.444444 150.584889 0-296.96c7.054222-3.204741 11.757037-10.410667 11.131259-18.583704-0.549926-7.092148-5.101037-12.781037-11.131259-15.568593L701.62963 220.008296l284.444444-150.584889L986.074074 803.972741z" p-id="54155"></path><path d="M208.592593 170.666667c-52.280889 0-94.814815 42.533926-94.814815 94.814815 0 45.795556 32.635259 84.081778 75.851852 92.899556L189.62963 398.222222c0 10.486519 8.495407 18.962963 18.962963 18.962963s18.962963-8.476444 18.962963-18.962963l0-39.841185c43.216593-8.817778 75.851852-47.104 75.851852-92.899556C303.407407 213.200593 260.873481 170.666667 208.592593 170.666667zM208.592593 322.37037c-31.364741 0-56.888889-25.524148-56.888889-56.888889s25.524148-56.888889 56.888889-56.888889 56.888889 25.524148 56.888889 56.888889S239.957333 322.37037 208.592593 322.37037z" p-id="54156"></path><path d="M854.660741 524.762074c2.275556 0.891259 4.608 1.289481 6.902519 1.289481 7.585185 0 14.734222-4.570074 17.673481-12.060444 8.912593-22.736593 16.06163-48.412444 21.295407-76.306963 1.934222-10.277926-4.854519-20.176593-15.151407-22.129778-10.353778-1.706667-20.195556 4.873481-22.129778 15.17037-4.778667 25.562074-11.282963 48.924444-19.323259 69.461333C840.116148 509.914074 844.913778 520.931556 854.660741 524.762074z" p-id="54157"></path><path d="M242.820741 613.300148c-22.888296 14.354963-43.52 32.331852-61.345185 53.475556-6.750815 8.00237-5.726815 19.968 2.275556 26.718815 3.565037 2.996148 7.907556 4.456296 12.212148 4.456296 5.404444 0 10.752-2.294519 14.506667-6.731852 15.284148-18.128593 32.938667-33.545481 52.489481-45.776593 8.874667-5.575111 11.548444-17.275259 5.992296-26.149926C263.395556 610.417778 251.676444 607.725037 242.820741 613.300148z" p-id="54158"></path><path d="M163.593481 725.82637c-9.519407-4.361481-20.783407-0.246519-25.163852 9.272889-19.456 42.211556-24.272593 76.288-24.481185 77.729185-1.422222 10.372741 5.82163 19.911111 16.19437 21.333333 0.872296 0.132741 1.763556 0.18963 2.616889 0.18963 9.310815 0 17.426963-6.864593 18.773333-16.327111 0.037926-0.303407 4.380444-30.283852 21.333333-67.015111C177.246815 741.470815 173.093926 730.225778 163.593481 725.82637z" p-id="54159"></path><path d="M766.539852 639.601778c2.901333 0 5.859556-0.663704 8.609185-2.066963 24.500148-12.534519 46.098963-30.321778 64.170667-52.830815 6.561185-8.173037 5.252741-20.119704-2.920296-26.661926-8.154074-6.504296-20.100741-5.233778-26.661926 2.920296-14.715259 18.337185-32.161185 32.730074-51.863704 42.799407-9.329778 4.778667-13.027556 16.19437-8.248889 25.524148C753.000296 635.828148 759.656296 639.601778 766.539852 639.601778z" p-id="54160"></path><path d="M553.14963 596.043852c-8.362667-3.508148-13.255111-5.935407-13.577481-6.106074-1.232593-0.625778-2.541037-1.137778-3.887407-1.479111-20.536889-5.271704-40.77037-9.443556-60.169481-12.401778-10.334815-1.630815-20.024889 5.518222-21.617778 15.872-1.573926 10.353778 5.537185 20.043852 15.890963 21.617778 17.559704 2.692741 35.896889 6.447407 54.556444 11.188148 2.541037 1.21363 7.395556 3.508148 14.184296 6.33363 2.389333 1.005037 4.873481 1.460148 7.300741 1.460148 7.414519 0 14.468741-4.361481 17.502815-11.643259C567.371852 611.176296 562.820741 600.064 553.14963 596.043852z" p-id="54161"></path><path d="M889.799111 377.950815c0.417185 0.018963 0.815407 0.037926 1.232593 0.037926 9.91763 0 18.261333-7.698963 18.906074-17.768296 1.175704-18.223407 1.763556-37.508741 1.763556-57.268148 0-6.580148-0.056889-13.255111-0.18963-20.062815-0.18963-10.486519-9.291852-18.450963-19.304296-18.62163-10.467556 0.18963-18.811259 8.836741-18.62163 19.304296 0.113778 6.580148 0.18963 13.046519 0.18963 19.380148 0 18.962963-0.568889 37.413926-1.687704 54.859852C871.424 368.260741 879.350519 377.268148 889.799111 377.950815z" p-id="54162"></path><path d="M157.259852 544.369778C160.95763 548.067556 165.812148 549.925926 170.666667 549.925926s9.709037-1.85837 13.406815-5.556148L208.592593 519.850667l24.519111 24.519111C236.809481 548.067556 241.664 549.925926 246.518519 549.925926s9.709037-1.85837 13.406815-5.556148c7.414519-7.414519 7.414519-19.399111 0-26.81363L235.406222 493.037037l24.519111-24.519111c7.414519-7.414519 7.414519-19.399111 0-26.81363s-19.399111-7.414519-26.81363 0L208.592593 466.223407l-24.519111-24.519111c-7.414519-7.414519-19.399111-7.414519-26.81363 0s-7.414519 19.399111 0 26.81363L181.778963 493.037037l-24.519111 24.519111C149.845333 524.951704 149.845333 536.955259 157.259852 544.369778z" p-id="54163"></path></svg>
      </el-icon>
      <template #title>
        地理坐标/地图
      </template>
    </el-menu-item>
  </el-menu>
</template>
